<!DOCTYPE html>
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
>
<!--<head th:include="admin/partial/bg_template::bg_header">-->
<head th:include="showup/ft_template::ft_head">
</head>

<body>

<!--====== TOP HEADER ==========-->
<section th:include="showup/ft_template::top_header">
</section>

<!--====== NAVIGATION MENU ==========-->
<section th:include="showup/ft_template::nav_menu">

</section>
<!--====== 巨幕BANNER ==========-->
<!-- SECTION: HEADER -->
<section class="c3 c3-slider" th:include="showup/ft_template::top_banner">
</section>

<!--中间条输入信息用-->
<!--====== SLIDER ENQUIRY ==========-->
<section th:include="showup/ft_template::slider_enquiry">
</section>

<section th:include="showup/ft_template::blank_section"></section>
<!--主页部分-->
<!--====== PLACES ==========-->
<section>
    <div class="rows inn-page-bg com-colo">
        <div class="container inn-page-con-bg tb-space pad-bot-redu-5" id="inner-page-title">
            <!-- TITLE & DESCRIPTION -->
            <div class="spe-title col-md-12" th:include="showup/ft_template::top_info">
            </div>

            <!--===== PLACES ======-->
            <div class="rows p2_2" th:each="article:${articleList}">
                <div class="col-md-6 col-sm-6 col-xs-12 p2_1">
                    <a th:href="@{/article/view/{aid}(aid=${article.aid})}"><img  th:src="${article.frontcover}" /></a>
                </div>
                <div class="col-md-6 col-sm-6 col-xs-12 p2">
                    <h3><span th:text="${article.title}"></span>
                        <span>
                        <i class="fa fa-star" aria-hidden="true"></i>
                        <i class="fa fa-star" aria-hidden="true"></i>
                        <i class="fa fa-star" aria-hidden="true"></i>
                        <i class="fa fa-star" aria-hidden="true"></i>
                        <i class="fa fa-star-half-o" aria-hidden="true"></i>
                        </span>
                    </h3>
                    <p th:text="'收录时间:  '+${#dates.format(article.createtime, 'yyyy-MM-dd')}">这里是Abstractmark（创建时间）</p>
                    <!--<p th:text="'介绍:  '+ ${article.intro}">这里是Abstractmark（创建时间）</p>-->
                    <div class="ticket">
                        <ul>
                            <li th:text="'查看数 :  '+${article.viewcount}">查看数 : 48</li>
                            <li th:text="'顶数 :  '+${article.upcount}">顶数</li>
                            <li th:text="'踩数 :  '+${article.downcount}">踩数</li>
                        </ul>
                    </div>
                    <div class="featur" style="padding-top: 2%">
                        <ul>
                            <li style="padding-left: 0%;color: hotpink" th:each="tag:${article.tagSet}"><a  class="btn btn-danger" th:text="${tag}" th:href="@{/article/search(info=${tag})}"></a></li>
                        </ul>
                    </div>
                    <div class="p2_book" style="padding-top: 10%">
                        <ul>
                            <li><a th:href="@{/article/view/{aid}(aid=${article.aid})}" class="link-btn">查看详细信息</a></li>
                            <li><a href="booking.html" th:href="@{/article/model_details(mid=${article.modelid})}" class="link-btn" th:text="${article.modelName} +'的套图'"></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--===== PLACES END ======-->
            <!--分割线-->
            <div style="position: relative;margin-bottom: 8%" th:fragment="bottom_spliter">
                <div style="position: absolute;left:42%;" th:include="showup/ft_template::top_spliter"></div>
            </div>
            <!--分页栏-->
            <div class="span8 center-block">
                <nav aria-label="Page navigation" style="text-align: center">
                    <form th:action="@{/article/gallerytype}" th:method="post" id="pagination">
                        <ul class="pagination" >
                            <!--前一页-->
                            <li th:if="${pageInfo.hasPreviousPage==true}">
                                <a th:href="@{/article/gallerytype(pageNum=${pageInfo.prePage})}" href="rarbginfo.html"
                                   aria-label="Previous">
                                    <span aria-hidden="true">«</span>
                                </a>
                            </li>
                            <!-- Will produce '/gtvg/order/details?orderId=3' (plus rewriting) -->
                            <!--这里循环的是一个数组-->
                            <li th:each="pageNumber,iterStat:${pageInfo.navigatepageNums}">
                                <a href="rarbginfo.html" th:href="@{/article/gallerytype(pageNum=${pageNumber})}"
                                   th:text="${pageNumber}">view</a>
                            </li>
                            <!--后一页-->
                            <li th:if="${pageInfo.hasNextPage==true}">
                                <a href="rarbginfo.html" aria-label="Next"
                                   th:href="@{/article/gallerytype(pageNum=${pageInfo.nextPage})}">
                                    <span aria-hidden="true">»</span>
                                </a>
                            </li>
                            <li >
                                <span>第<span th:text="${pageInfo.pageNum}"></span><span>页</span></span>
                            </li>
                            <li >
                                <span>共<span th:text="${pageInfo.pages}"></span><span>页</span></span>
                            </li>
                        </ul>
                    </form>
                </nav>
            </div>
        </div>
    </div>
</section>
<!--页脚-->
<!--====== FOOTER 1 ==========-->
<section th:include="showup/ft_template::ft_footer1">

</section>

<!--====== FOOTER 2 ==========-->
<section th:include="showup/ft_template::ft_footer2">

</section>

<!--====== FOOTER - COPYRIGHT ==========-->
<section th:include="showup/ft_template::ft_footer_copyright">
</section>

<!--左侧边栏图标链接-->
<section th:include="showup/ft_template::ft_sideicon">
</section>

<section th:include="showup/ft_template::ft_javascript">
</section>
</body>

</html>

